<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>剑桥英语</title>
  <link rel="stylesheet" href="css/init.css">
  <link rel="stylesheet" href="css/headerFooter.css">
  <link rel="stylesheet" href="css/cooperation.css">
</head>
<body>
<header class="container clearfix">
  <div class="header">
    <img src="./img/logo.png" width="52px" height="59px" alt="">
    <div class="headerLine"></div>
    <img class="jqlogo" src="./img/logoName.png" width="150px" height="55px" alt="">
    <img class="right rightImg" width="110px" height="33px" src="./img/logoRight.png" alt="">
  </div>
</header>
<div class="headerBg"></div>
<div class="container clearfix ">
  <div class="bread"><a href="index.html">首页 > </a><a href="cooperation.html" class="active">商务合作</a></div>
  <div class="titleName">
    <span class="line"></span><span class="name">商务合作</span><span class="line"></span>
  </div>
  <div class="coopCon">
      <div class="about">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由
        近100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达
        写紧扣时代潮流，内容符合中学生的学习趣，有助于进一步了解世界万象，同时提高语言能力。
      </div>
      <div class="coopBlock clearfix container">
        <div class="w30">姓名：</div>
        <div class="w70"><input id="name" type="text" placeholder="请输入姓名"></div>
      </div>
    <div class="coopBlock clearfix container">
      <div class="w30">联系电话：</div>
      <div class="w70"><input id="phone" type="text" placeholder="请输入电话"></div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">电子邮箱：</div>
      <div class="w70"><input id="email" type="text" placeholder="请输入电子邮箱"></div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">来访身份：</div>
      <div class="w70">
        <input type="radio" name="zoom" id="person" value="person" checked />
        <label for="person" class="radioName">机构</label>
        <input type="radio" name="zoom" id="company" value="company" />
        <label for="company" class="radioName" style="margin-left: 20px">个人</label>
      </div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">机构名称：</div>
      <div class="w70"><input id="comName" type="text" placeholder="请输入机构名称"></div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">所在地区：</div>
      <div class="w70">
        <select id="seachprov" class="form-control" name="s_province" placeholder="省" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"> </select>
        <select id="seachcity" name="s_city" class="form-control" placeholder="市" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"> </select>
        <select id="seachdistrict" name="s_county" class="form-control" placeholder="县/区" > </select>
        <input type="text" id="address" placeholder="请输入详细地址(选填)" style="width: 155px">
      </div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30" style="vertical-align: top">合作意向：</div>
      <div class="w70">
        <textarea name="" id="textarea" cols="30" rows="10" placeholder="请输入合作意向" ></textarea>
      </div>
    </div>
    <div class="coopBlock clearfix container">
        <div id="confirm" class="login" style="text-align: center">
          <span>提交</span>
        </div>
    </div>
  </div>

</div>
<div class="bottomBg1" style="margin-top: -30px"></div>
<div class="bottomBg2">
  <div class="container clearfix">
    <div class="bottomBlock bottomBlock1 test">
      <div class="bottomBlockTitle" style="margin-bottom: 35px">
        <span>报名考试</span><span class="line"></span><span>Candidate Registration</span>
      </div>
      <a class="bottomBlockName" href="userLogin.html">个人报名</a>
      <!--<a class="bottomBlockName" href="javascript:;">在线课程咨询</a>-->
      <a class="bottomBlockName" href="companyLogin.html">机构报名</a>
    </div>
    <div class="bottomBlock bottomBlock2">
      <div class="bottomBlockTitle" style="margin-bottom: 50px">
        <span>在线课程</span><span class="line"></span><span>Online Courses</span>
      </div>
      <a class="bottomBlockName" href="javascript:;">进入课程</a>
    </div>
  </div>
</div>
<footer class="footer clearfix" style="margin-top: 0">
  <div class="container clearfix">
    <div class="footerTitle">剑桥领思中国运营中心</div>
    <div class='footerLeft'>
      <div>客服电话</div>
      <div class="line"><span ></span></div>
      <div class="info"><i class="footerIcon phone"></i>400-100-8565 </div>
      <div style="font-size: 12px">（周一至周日 08:00 – 20:00）</div>
    </div>
    <div class='footerCenter'>
      <div>客服邮箱</div>
      <div class="line"><span></span></div>
      <div class="info"><i class="footerIcon email"></i>service@piloteducation.cn</div>
    </div>
    <div class='footerRight right'>
      <img class="" src="./img/logoName.png" width="175px" height="64px" alt="">
    </div>
  </div>

</footer>
<div class="copyRight">
  京公网安备11011302000942号 <a href="https://beian.miit.gov.cn/" style="color:#fff">ICP备案许可证：京ICP备13031798号-1</a> Copyright 2005 - 2020 领航文化 All Rights Reserved
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/Area.js"></script>
<script src="js/AreaData_min.js"></script>
<script src="layer/layer.js"></script>
<script>
  $(document).ready(function(){
    initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '0', '0', '0');
    $(".coopCon input[name='zoom']").change(function () {
      if($("input[name='zoom']:checked").val()==='person'){
        $('#comName').attr('disabled',false)
      }else{
        $('#comName').attr('disabled',true)
      }
    })
    $('#confirm').click(function () {
      if($('#name').val() === ''){
        err('请输入姓名')
        return
      }
      if($('#phone').val() === ''){
        err('请输入电话')
        return;
      }
      // var regPhone = /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/;
      // console.log($('#phone').val())
      // console.log(regPhone.test(parseInt($('#phone'))))
      // if(!regPhone.test($('#phone'))){
      //   err('请输入正确的手机号')
      // }
      // var regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
      // if(regEmail.test($('#email').val())){
      //   err('请输入正确的邮箱')
      // }
      var name = $('#name').val();
      var phone = $('#phone').val();
      var email = $('#email').val();
      var radio = $("input[name='zoom']:checked").val();
      var comName = $('#comName').val();
      var seachprov=$("#seachprov").val();
      var seachcity=$("#seachcity").val();
      var seachdistrict=$("#seachdistrict").val();
      var address = $("#address").val();
      var textarea = $("#textarea").val();
      console.log(name,phone,email,radio,comName,seachprov,seachcity,seachdistrict,address,textarea)
      window.open('cooperationSucc.html','_blank');
    })
    function err(title) {
      layer.msg(title);
    }


  });
</script>
</body>
</html>
